<template>
  <div class="project">
    <project-nav-bar></project-nav-bar>
    <project-banner :bannerText="bannerText"></project-banner>
    <goods-list :goodsList="goodsList"></goods-list>
    <h2>{{ this.$route.query.id }}</h2>
  </div>
</template>

<script>
import { getBrand } from "@/network/project";
import ProjectNavBar from './children/ProjectNavBar'
import ProjectBanner from './children/ProjectBanner'
import GoodsList from './children/GoodsList'
export default {
  components: {
    ProjectNavBar,
    ProjectBanner,
    GoodsList
  },
  created() {
    this.getBrands();
  },
  data() {
    return {
      bannerText: {},
      goodsList: []
    }
  },
  methods: {
    getBrands() {
      const datas = {
        id: this.$route.query.id,
      };
      getBrand(datas).then((res) => {
        console.log(res);
        this.bannerText = res.data;
        this.goodsList = res.goodsList
        console.log(this.goodsList)
      });
    },
  },
};
</script>

<style lang="scss" scoped>
.project {
  background-color: #F4F4F4;
}
</style>